<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>和平里医院</title>
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  <!-- Link Swiper's CSS -->
  <link rel="stylesheet" href="./css/swiper.min.css">
  <link rel="stylesheet" href="./css/css.css">
</head>

<body>
  <div class="top">
    <div class="top_left"><a href="javascript:;">返回</a></div>
    <div class="top_right">
      <span class="dang"><img src="./img/dang_03.png" alt=""> <span class="dian"></span></span>
      <span><img src="./img/topimg_04.png" alt=""></span>

    </div>
  </div>
  <div class="ban">
    <!-- Swiper -->
    <div class="swiper-container" id="indexBan1">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="./img/img_03.png" alt=""></div>
        <div class="swiper-slide"><img src="./img/img_03.png" alt=""></div>
        <div class="swiper-slide"><img src="./img/img_03.png" alt=""></div>
        <div class="swiper-slide"><img src="./img/img_03.png" alt=""></div>
      </div>
      <!-- Add Pagination -->
      <div class="swiper-pagination" id="swiper-pagination1"></div>
    </div>
  </div>
  <div class="my_title">通知信息 <span class="my_record_btn">审批记录</span></div>
  <div class="detail_box">
    <div class="detail_list1">
      <div class="detail_title">
        <span class="detail_tit_icon icon1"></span>
        <span class="detail_tit_con">合同编号</span>
      </div>
      <div class="del_con">NU1212321</div>
    </div>
    <div class="detail_list1">
      <div class="detail_title">
        <span class="detail_tit_icon icon2"></span>
        <span class="detail_tit_con">合同编号</span>
      </div>
      <div class="del_con">NU1212321</div>
      <div class="del_con1">时间 : 2020年12月12日</div>
      <div class="del_con1">地点 : 北京</div>
    </div>
    <div class="detail_list1">
      <div class="detail_title">
        <span class="detail_tit_icon icon3"></span>
        <span class="detail_tit_con">合同编号</span>
      </div>
      <div class="del_con">NU1212321</div>
      <div class="del_con">时间 : 2020年12月12日</div>
    </div>
    <div class="detail_list1">
      <div class="detail_title">
        <span class="detail_tit_icon icon4"></span>
        <span class="detail_tit_con">合同编号</span>
      </div>
      <div class="del_con">NU1212321</div>
    </div>
    <div class="detail_list1">
      <div class="detail_title">
        <span class="detail_tit_icon icon5"></span>
        <span class="detail_tit_con">合同编号</span>
      </div>
      <div class="del_con">NU1212321</div>
    </div>
    <div class="detail_list1">
      <div class="detail_title">
        <span class="detail_tit_icon icon6"></span>
        <span class="detail_tit_con">合同编号</span>
      </div>
      <div class="del_con">NU1212321</div>
    </div>
    <div class="detail_list1">
      <div class="detail_title">
        <span class="detail_tit_icon icon7"></span>
        <span class="detail_tit_con">合同编号</span>
      </div>
      <div class="del_con">NU1212321</div>
    </div>
    <div class="detail_list1">
      <div class="detail_title">
        <span class="detail_tit_icon icon8"></span>
        <span class="detail_tit_con">合同编号</span>
      </div>
      <div class="del_con">NU1212321</div>
    </div>
    <div class="detail_list1">
      <div class="detail_title">
        <span class="detail_tit_icon icon9"></span>
        <span class="detail_tit_con">合同编号</span>
      </div>
      <div class="del_con">NU1212321</div>
    </div>
  </div>
  <div class="my_title">其他科目 <span class="my_record_btn" id="my_record_btn" onff="onff">展开+</span></div>
  <div class="my_title my_title1"><span class="del_list_til del_list_til_icon1"></span> 授权书 <span
      class="my_record_btn my_record_btn1"><img src="./img/jian_03.png" alt=""></span></div>
  <div class="my_detail">
    <div>
      <div class="my_detail_list">
        <div><img src="./img/detail1_03.png" alt=""></div>
        <span>这里是一个标题</span>
      </div>
      <div class="my_detail_list">
        <div><img src="./img/detail1_03.png" alt=""></div>
        <span>这里是一个标题</span>
      </div>
      <div class="my_detail_list">
        <div><img src="./img/detail1_03.png" alt=""></div>
        <span>这里是一个标题</span>
      </div>
      <div class="my_detail_list">
        <div><img src="./img/detail1_03.png" alt=""></div>
        <span>这里是一个标题</span>
      </div>
    </div>

  </div>
  <div class="my_title my_title1"><span class="del_list_til del_list_til_icon2"></span> 附件 <span
      class="my_record_btn my_record_btn1"><img src="./img/jian_03.png" alt=""></span></div>
  <div class="my_detail2">
    <div>
      <div class="my_detail_list">
        <div>
          <div><img src="./img/detail1_07.png" alt=""></div>
          <span>HTML</span>
        </div>
      </div>
      <div class="my_detail_list">
        <div>
          <div><img src="./img/detail1_09.png" alt=""></div>
          <span>HTML</span>
        </div>
      </div>
    </div>

  </div>
  <div class="my_title my_title1"><span class="del_list_til del_list_til_icon3"></span> 详细信息 <span
      class="my_record_btn my_record_btn1"><img src="./img/jian_03.png" alt=""></span></div>
  <div class="my_detail3">
    <div>随便来点什么</div>
  </div>
  <div class="my_title my_title1"><span class="del_list_til del_list_til_icon4"></span> 合同详细计划 <span
      class="my_record_btn my_record_btn1"><img src="./img/jian_03.png" alt=""></span></div>
  <div class="my_detail4">
    <table>
      <tr>
        <th>付款次数</th>
        <th>付款阶段</th>
        <th>付款百分比</th>
        <th>金额（元）</th>
      </tr>
      <tr>
        <td>¥1</td>
        <td>1</td>
        <td>1%</td>
        <td>¥15.00</td>
      </tr>
      <tr>
        <td>¥1</td>
        <td>1</td>
        <td>1%</td>
        <td>¥15.00</td>
      </tr>
    </table>
  </div>
  <div class="my_title my_title1"><span class="del_list_til del_list_til_icon5"></span> 使用指标 <span
      class="my_record_btn my_record_btn1"><img src="./img/jian_03.png" alt=""></span></div>
  <div class="my_detail5">
    <div>
      <div class="my_detail_list">
        <div>
          <div><span>指标名称</span></div>
          <div><span class="hui">HTML</span></div>
        </div>
      </div>
      <div class="my_detail_list">
        <div>
          <div><span>指标名称</span></div>
          <div><span class="hui">HTML</span></div>
        </div>
      </div>
    </div>
    

  </div>
  <div class="my_title my_title1"><span class="del_list_til del_list_til_icon6"></span> 合同审批附件 <span
      class="my_record_btn my_record_btn1"><img src="./img/jian_03.png" alt=""></span></div>
  <div class="my_detail6">
    <div>
      <div class="my_detail_list">
        <div>
          <div><img src="./img/detail1_07.png" alt=""></div>
          <span>HTML</span>
        </div>
      </div>
      <div class="my_detail_list">
        <div>
          <div><img src="./img/detail1_09.png" alt=""></div>
          <span>HTML</span>
        </div>
      </div>
    </div>

  </div>
  <div class="del_btn">
    <div><span>同意</span></div>
    <div><span>驳回</span></div>
    <div><span>关闭</span></div>
  </div>
  <div class="my_tab">
    <ul>
      <li class="">
        <img src="./img/nav1.png" alt="">
        <span>首页</span>
      </li>
      <li class="act">
        <img src="./img/nav2_act.png" alt="">
        <span>代办</span>
      </li>
      <li>
        <img src="./img/nav3.png" alt="">
        <span>通知</span>
      </li>
      <li>
        <img src="./img/nav4.png" alt="">
        <span>我的</span>
      </li>
    </ul>
  </div>
  <script src="./js/jquery-1.11.3.min.js"></script>
  <script src="./js/swiper.min.js"></script>
  <script src="./js/myjs.js"></script>
  <script>
    $("#my_record_btn").on("click",function(){
      if($(this).attr("onff")=="onff"){
        $(this).attr("onff",'no').html("收起-")
        $(".my_title1 img").attr("src","./img/jian_06.png")
        $(".my_detail,.my_detail1,.my_detail2,.my_detail3,.my_detail4,.my_detail5,.my_detail6 ").show()
      }else{
        $(".my_title1 img").attr("src","./img/jian_03.png")
        $(this).attr("onff","onff").html("展开+")
        $(".my_detail,.my_detail1,.my_detail2,.my_detail3,.my_detail4,.my_detail5,.my_detail6 ").hide()
      }
      
    })
    $(".my_title1").on("click",function(){
      if($(this).find("img").attr("src")=="./img/jian_03.png"){
        $(this).find("img").attr("src","./img/jian_06.png")
        $(this).next().show()
      }else{
        $(this).find("img").attr("src","./img/jian_03.png")
        $(this).next().hide()
      }
     
    })
  </script>
</body>

</html>